<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>addGoods</title>
    <script src="jquery/jquery-3.4.1.min.js"></script>
    <style>
        .addGoods{
            position: absolute;
            top: 50%;
            left: 50%;
            transform:translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <div class="addGoods">
        <label for="goodsName">商品名</label>
        <input type="text" id="goodsName"><br><br>
        <label for="sort">分类</label>
        <select name="sort" id="sort">
            <option value="six">计算机书籍</option>
            <option value="seven">英语书籍</option>
            <option value="eight">语文书籍</option>
            <option value="nine">数学书籍</option>
        </select><br><br>
        <label for="price">单价</label>
        <input type="text" id="price"><br><br>
        <label for="count">数量</label>
        <input type="text" id="count"><br><br>
        <label for="info">详情</label><br>
        <textarea name="info" id="info" cols="30" rows="10"></textarea><br><br>
        <label for="images">图片</label><br><br>
        <img src="img/addImage.png" alt="" style="width: 50px; height: 50px;">
        <img src="" alt="这里是图片" id="images">
    </div>
</body>
<script>
    $("input,select,textarea").css("box-shadow", "1px 0px 2px 1px #8c03e2");
    $("label,select").css("font-family", "宋体");
    $("label,select").css("font-weight", "bold");
</script>
</html>